<template>
	<xbd-pages-content title="考勤统计">
		<template #content>
			<view class="attendance-statistics">
				<view class="date-card">
					<xbd-date :date.sync="date"></xbd-date>
				</view>
				<work-statistics :info="statistics"></work-statistics>
			</view>
		</template>
	</xbd-pages-content>
</template>

<script>
	import WorkStatistics from '@/components/workattendance/WorkStatistics.vue';
	const dayjs = require('dayjs');
	const date = dayjs(new Date()).format('YYYY-MM'); // '25/01/2019'
	export default {
		data() {
			return {
				date,
				statistics: {
					a: 9.4,
					b: 23,
					c: 21,
					d: 9,
					e: 0,
					f: 0,
					g: 0,
					h: 0,
					i: 4,
					j: 2
				}
			};
		},
		components: {
			WorkStatistics
		}
	}
</script>

<style lang="scss" scoped>
	.attendance-statistics {
		.date-card {
			padding: 20px 50rpx;
			margin-bottom: 5px;
			
			background-color: #FFFFFF;
		}
	}
</style>
